include game-dev-goals

.game-container
  #floating-nav
  #level-loading-view

  .level-content
    #control-bar-view

    #solution-area
      #solution-view
        .ace-solution
        span.code-background
        .solution-label(data-i18n="common.solution")
        button.apply-solution-btn.btn.btn-small.btn-illustrated.btn-primary(data-i18n="play_level.apply_code")
        .close-solution-btn ×

    #code-area
      #code-area-gradient.gradient
      #tome-view

    #spell-palette-view-mid.hide

    #problem-alert-view
    #game-area

      #canvas-wrapper
        canvas(width=924, height=589)#webgl-surface
        canvas(width=924, height=589)#normal-surface

        #web-surface-view
        #canvas-left-gradient.gradient
        #canvas-top-gradient.gradient
        #goals-view

      #level-flags-view

      #gold-view

      #game-dev-track-view

      #multiplayer-status-view

      #duel-stats-view

      #playback-view

      #thang-hud

      #level-dialogue-view

    #surface-context-menu-view

    button.btn.btn-lg.btn-warning.banner.header-font#stop-real-time-playback-button(title="Stop real-time playback")
      if view.level && view.level.isType('game-dev')
        span(data-i18n="play_level.edit_level")
      else
        span(data-i18n="play_level.skip")

    #cinematic-code-display
      for i in [0, 1, 2, 3, 4, 5, 6]
        div(class="code-line code-line-" + i)
          code.line-number
          code.indentation
          code.code-text

    #how-to-play-game-dev-panel.panel.panel-default.hide.style-flat
      .panel-heading
        h3.panel-title
          span(data-i18n="play_level.directions")
          | :
      if view.studentGoals && view.studentGoals.length
        .panel-body
          +game-dev-goals(view.studentGoals)
      else
        .panel-body!= view.howToPlayText

    .hints-view.hide

    #level-chat-view

  #level-footer-shadow
  #level-footer-background

  //- if !me.get('anonymous') && !me.isStudent()
  //-   #play-footer(class=me.isPremium() ? "premium" : "")
  //-     p(class='footer-link-text').picoctf-hide
  //-       a.contact-link(title='Send CodeCombat a message', tabindex=-1, data-i18n="nav.contact")
